/*!
	Sharing basic style sheets
 */

/* 公共样式表（全局）  */

html,
body {
  // min-width: 1280px;
  // min-height: 768px;

  position: relative;

  width: 100%;
  height: 100%;

  background-color: white;

  color: black;

  font-family: -apple-system, BlinkMacSystemFont, 'Helvetica Neue', Helvetica,
    Arial, 'Segoe UI', 'Microsoft Yahei', 'Roboto', 'Hiragino Sans GB',
    'Heiti SC', 'WenQuanYi Micro Hei', sans-serif, 'Apple Color Emoji',
    'Segoe UI Emoji', 'Segoe UI Symbol';
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;

  line-height: 1.5;
}

code {
  font-family: source-code-pro, Menlo, Monaco, Consolas, 'Courier New',
    monospace;
}

* {
  /* 盒子模型统一   */
  box-sizing: border-box;
  margin: 0;

  /* 去除边距 */
  padding: 0;
}

:focus {
  outline: none;
}

a {
  text-decoration: none;
}

ul,
li {
  list-style: none;
}

/**
 * 滚动条样式 -----------------------------------------------
 */

::-webkit-scrollbar {
  /* 整体 */
  width: 8px;
  height: 8px;
  border-radius: 4px;
  background-color: rgb(204, 204, 204);
}

/* ::-webkit-scrollbar:hover {
	width: 16px;
	height: 16px;
	border-radius: 8px;
} */

::-webkit-scrollbar-button {
  /* 上下按钮 */
  display: none;
  background-color: auto;
}

::-webkit-scrollbar-track {
  /* 外层轨道 */
  background-color: transparent;
}

::-webkit-scrollbar-track-piece {
  /* 内层轨道 */
  background-color: transparent;
}

::-webkit-scrollbar-thumb {
  border-radius: 4px;
  /* 拖动部分 */
  background-color: rgba(22, 22, 22, 0.75);
}

/* ::-webkit-scrollbar-thumb:hover {
	border-radius: 8px;
} */

::-webkit-scrollbar-corner {
  /* 边角 */
  background-color: auto;
}

::-webkit-resizer {
  /* 缩放 */
  background-color: auto;
}

/**
 * 清除浮动 ----------------------------------------
 */

.clear-float::before,
.clear-float::after {
  content: '';
  display: table;
}

.clear-float::after {
  clear: both;
}

.clear-float {
  zoom: 1;
}
